﻿.p_num{
	width:100%;
	border:1px solid #919191;
	
}

.p_num1{
	width:18%;
	height:41px;
	background-color:#919191;
	float:left;
	
}
.p_num1 a{
	color:#fff;
	line-height:41px;
	margin-left:14px;
	font-size:1.5em;
}
.p_num3{
	width:22%;
	height:41px;
	background-color:#919191;
	float:right;
}
.p_num3 a{
	color:#fff;
	margin-left:14px;
	margin-top:3px;
	float:right;
	
}

.p_num2{
	width:60%;
	float:left;
}
.p_num2 input{
	width:100%;
	height:37px;
	line-height:37px;
	color:#fff;
	padding-left:5px;
}
.tb{
	width:100%;
	border-collapse:collapse;

}
.tb tr td{
	border:2px solid #919191;
	

}
.tb input{
	width:99%;
	height:35px;
	padding-left:5px;
	border:0;
}
.btn_div{
	width:100%;
	height:80px;
	
}
.btn_div button{
	width:100%;
	padding:15px;
	margin-top:20px;
	background-color:#fcc300;
	border:0;
}
.btn_div button a{
	font-weight:bold;
}
.clause{
	padding-left:6%;
	
}
.chk{
	 width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #808080;
    transition: all 0.4s;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 3px 0 0;

}








/* teacher_register */


	
.xin_1{width:80%;margin-top:10px;border:1px solid #f3f3f3;}
.fenxiang{text-align:center;margin:15px auto 0}
.fenxiang img{width:35%}
.zhuce{text-align:center;margin:15px auto 0}
.zhuce img{width:50%}
.inputStyle1{border:1px solid #e2e1da;padding:3%;background:#fff;position:relative;margin:0 auto 18px}
.inputStyle1 input{border:none;width:96%;margin:0 auto;}
.inputStyle1 .real_name_input{border:none;width:96%;height:20px;margin:0 auto;}
.inputStyle1 img{position:absolute;height:100%;top:0;right:0}

.order_count{float:left;width:49%;border-right:1px dashed #aeaeae}
.order_count span{float:right;padding:0 5px 0 0;}
.order_total{float:right;width:49%;}
.order_total span{float:right;padding:0 5px 0 0;}
.button_conmit{margin-left:15%;width:70%;height:100%}
.button_conmit div{padding-bottom: 0.5em;padding-top: 0.5em}

inputStyle1{border:1px solid #e2e1da;padding:2%;background:#fff;position:relative;margin:0 auto}
.inputStyle1 input{border:none;width:96%;margin:0 auto;}
.inputStyle1 img{position:absolute;height:100%;top:0;right:0}
.yanzheng1{width:54%;float:left}
.yanzheng2{width:30%;float:right;background-color:#fac000;text-align:center}






/* layout.css */



/**��ʦע��*/
 #teacherRegist{width:86%;margin:7% auto;}

.fenxiang{text-align:center;margin:15px auto 0}
.fenxiang img{width:35%}
.zhuce{text-align:center;margin:15px auto 0}
.zhuce img{width:62%}

.em10{font-size:1em}
.em12{font-size:1.2em}
.em13{font-size:1.3em}
.em15{font-size:1.5em}
.orange{color:#FCC300}
.orderSubmit{width:96%;margin:0 auto;}
.countSubmit{padding:20px 0;}
.inputStyle1{border:1px solid #e2e1da;padding:4%;background:#fff;position:relative;margin:0 auto 10px}
.inputStyle1 input{border:none;width:96%;margin:0 auto;}
.inputStyle1 img{position:absolute;height:100%;top:-1%;right:0}

.yanzheng2{width:30%;float:right;border:1px solid #fbc400;background:#fbc400;text-align:center;padding:4% 2% !important}
.orderSubmit .order_count{float:left;width:49%;border-right:1px solid #C5C5C3;line-height:35px;height:30px;position:relative}
.orderSubmit .order_total{float:right;width:49%;line-height:35px;height:30px;}
.orderSubmit .order_total span{float:right;padding:0 5px 0 0;}
.orderSubmit .shuliang{}
.orderSubmit .countBox {position:absolute;top:0;left:60px;}
.orderSubmit .countBox table{border:1px solid #DADAD2}
.orderSubmit .countBox input.count{height:100%;line-height:100%;text-align:center;border:none;width:30px;}

.orderSubmit .countBox img,.countBox img{height:30px;}

/**����**/
#nav{width:100%}
#nav>ul>li{float:left;width:25%;position:relative}
#nav>ul>li>div.active{position:absolute;height:3px;width:100%;bottom:3px;left:0;background:#fbc400;display:none}
#nav>ul>li>div.on_active{display:block}
#nav>ul>li img{width:100%}

/**�ҵĿγ�*/
#classList{}
#classList>ul>li{width:100%;background:#fff;margin:10px 0 0}
#classList .box{width:96%;background:#fff;margin:0 auto;padding:10px 0}

#classList .box>.topList{}
#classList .box>.topList .p1{position:relative;}
#classList .box>.topList .p1{height:26px;line-height:26px;text-align:right;}
#classList .box>.topList .titleImg img{height:100%;position:absolute;left:0;top:0;}

#classList .box>.middleList{border-top:1px dashed #aeaeae;border-bottom:1px dashed #aeaeae;padding:10px 0;margin:10px 0;}
#classList .box>.middleList .leftImg{width:25%;float:left;}
#classList .box>.middleList .rightInfo{width:75%;float:left;}
#classList .box>.middleList .leftImg img{width:100%;max-width:100%}
#classList .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#classList .box>.middleList .rightInfo p{margin:0 0 2px}
#classList .box>.middleList .condition p{padding:5px 0 0;}
#classList .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classList .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#classList .box>.bottomList{text-align:right}
#classList .box>.bottomList img{height:30px;}

/**��Ŀ���*/
.account_category {width:96%;margin:0 auto;}
.account_category .navCate{}
.account_category .navCate li{width:25%;float:left;font-size:0;position:relative;overflow:hidden}
.account_category .navCate li img{width:100%;border-bottom:1px dashed #aeaeae;}

.account_category .navCate .active_div{width:100%;position:absolute;text-align:center;bottom:-52px;}
.account_category .navCate .active_div div{
background:#F3F3F3;
width:60px;height:60px;
border:1px dashed #aeaeae;
margin:0 auto;
transform:matrix(0.5,0.5,-0.5,0.5,0,0);
-ms-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* IE 9 */
-moz-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* Firefox */
-webkit-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* Safari and Chrome */
-o-transform:matrix(0.5,0.5,-0.5,0.5,0,0); /* Opera */
}}


.account_category .subInfo{border-bottom:1px dashed #aeaeae;}
.account_category .subInfo .subdivide{background:#f3f3f3;padding:0 3%;}
.account_category .subInfo .subdivide>ul>li{float:left;background:#fac000;width:20%;margin:0 8% 10px 0;padding:15px 2%;text-align:center;}
.account_category .subInfo .subdivide h2{padding:10px 0;}


/**�ҵ��ղ�*/
#collect{width:96%;margin:5px auto 0;}
#collect ul li{background:#fff;margin:0 0 5px;;}
#collect .box{padding:5px 0;border-bottom:1px dashed #aeaeae;width:96%;margin:0 auto}
#collect .box .collectImg{width:25%;float:left;text-align:center;}
#collect .box .collectImg img{width:90%;padding:5%;}
#collect .box .collectInfo{width:71%;float:left;padding:2%;}
#collect .box .collectInfo .inner p{padding:1% 0}

#collect .collectBtn{clear:both;text-align:right;padding:5px 3px 3px 0;}
#collect .collectBtn img{height:30px;margin:0 3px;}


/*��Ѷ����*/

.goodBackground{
	height:30px;line-height:30px;
	padding:0 0 0 63px;
}

/*���ִ��*/
#gradesStu{width:96%;margin:10px auto;}
#gradesStu h2{margin:5px 0;font-weight:normal;}
#gradesStu .comment{padding:2%;}
#gradesStu .comment>.div1{width:18%;float:left}
#gradesStu .comment>.div2{width:78%;float:left}
#gradesStu .comment textarea{width:100%;height:100px}
#gradesStu .submitGrade{margin:8px auto;}
#gradesStu .submitGrade p{text-align:center;}
#gradesStu .submitGrade p img{width:60%;}

 
 /**��������*/
#orderDetail{}
#orderDetail>ul>li{width:100%;background:#fff;margin:10px 0 0}
#orderDetail .box{width:96%;background:#fff;margin:0 auto;padding:10px 0}

#orderDetail .box>.topList{}
#orderDetail .box>.topList .p1{position:relative;}
#orderDetail .box>.topList .p1{height:28px;line-height:28px;text-align:right;}
#orderDetail .box>.topList .titleImg {height:100%;position:absolute;left:0;top:0;}

#orderDetail .box>.middleList{border-top:1px dashed #aeaeae;border-bottom:1px dashed #aeaeae;padding:10px 0;margin:10px 0;}
#orderDetail .box>.middleList .leftImg{width:25%;float:left;}
#orderDetail .box>.middleList .rightInfo{width:75%;float:left;}
#orderDetail .box>.middleList .leftImg img{width:100%;max-width:100%}
#orderDetail .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#orderDetail .box>.middleList .rightInfo p{margin:0 0 2px}
#orderDetail .box>.middleList .condition p{padding:5px 0 0;}
#orderDetail .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#orderDetail .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#orderDetail .box>.bottomList{text-align:right}
#orderDetail .box>.bottomList img{height:30px;}





/**�����б�*/
#classroomList{}
#classroomList>ul>li{width:100%;background:#fff;margin:10px 0 0}
#classroomList .box{width:96%;background:#fff;margin:0 auto;padding:10px 0 0}

#classroomList .box>.topList{}
#classroomList .box>.topList .p1{position:relative;}
#classroomList .box>.topList .p1{height:26px;line-height:26px;text-align:right;}
#classroomList .box>.topList .titleImg{float:left}

#classroomList .box>.middleList{border-top:1px dashed #aeaeae;padding:10px 0 0;margin:10px 0;}
#classroomList .box>.middleList .rightInfo{width:100%;}
#classroomList .box>.middleList .leftImg img{width:100%;max-width:100%}
#classroomList .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}
#classroomList .color1{color:#818181}

#classroomList .box>.middleList .rightInfo p{margin:0 0 5px}
#classroomList .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classroomList .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}








